<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>3D旋转相册</title>

    <link rel="stylesheet" href="./css/旋转照片.css">
    <style>
        #spin-container a {
            transform-style: preserve-3d;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height:200px;
            font-size: 50px;
            text-align: center;
        }

        .A{
        width: 50px;
        height: 50px;
        font-size: 30px;
        float: right;
        }
    </style>

</head>

<body>

<div id="yin">
    <audio  autoplay  loop>
        <source src="./img/旋转照片.ogg" >
    </audio>
</div>

    <div id="drag-container">
        <div id="spin-container">
            <a href=""><img src="./img/旋转1.jpg"alt=""></a>
            <a href=""> <img src="./img/旋转2.jpg" alt=""></a>
            <a href=""> <img src="./img/旋转3.jpg" alt=""></a>
            <a href=""><img src="./img/旋转4.jpg" alt=""></a>
            <a href=""><img src="./img/旋转5.jpg" alt=""></a>
            <a href=""><img src="./img/旋转6.jpg" alt=""></a>
            <a href=""> <img src="./img/旋转7.jpg" alt=""></a>
            <a href=""> <img src="./img/旋转8.jpg" alt=""></a>
            <a href=""> <img src="./img/旋转9.jpg" alt=""></a>

            <!-- <video controls="" autoplay="autoplay" loop="">
      <source src="https://player.vimeo.com/external/322244668.sd.mp4?s=338c48ac2dfcb1d4c0689968b5baf94eee6ca0c1&profile_id=165&oauth2_token_id=57447761" type="video/mp4">
    </video> -->
        </div>
        <div id="ground"></div>
    </div>

    <div id="music-container"></div>



    <script src="./js/旋转照片.js"></script>

    <div class="A">
        <a href="./首页.html">返回</a>
    </div>

</body>

</html>